// // iPhoneX 底部横线适配
// .safe-area-bottom {
//   padding-bottom: constant(safe-area-inset-bottom);
//   padding-bottom: env(safe-area-inset-bottom);
// }

// @mixin hairline-common() {
//   position: absolute;
//   box-sizing: border-box;
//   content: ' ';
//   pointer-events: none;
// }

// @mixin hairline() {
//   @include hairline-common();
//   top: -50%;
//   right: -50%;
//   bottom: -50%;
//   left: -50%;
//   border: 0 solid #eaeaea;
//   transform: scale(0.5);
// }

// @mixin hairline-top($color, $left: 0, $right: 0) {
//   @include hairline-common();
//   top: 0;
//   right: $right;
//   left: $left;
//   border-top: 1px solid $color;
//   transform: scaleY(0.5);
// }

// @mixin hairline-bottom($color, $left: 0, $right: 0) {
//   @include hairline-common();
//   right: $right;
//   bottom: 0;
//   left: $left;
//   border-bottom: 1px solid $color;
//   transform: scaleY(0.5);
// }

// [class*='van-hairline'] {
//   &::after {
//     @include hairline();
//   }
// }

// .van-hairline {

//   &,
//   &--top,
//   &--left,
//   &--right,
//   &--bottom,
//   &--surround,
//   &--top-bottom {
//     position: relative;
//   }

//   &--top::after {
//     border-top-width: 1px;
//   }

//   &--left::after {
//     border-left-width: 1px;
//   }

//   &--right::after {
//     border-right-width: 1px;
//   }

//   &--bottom::after {
//     border-bottom-width: 1px;
//   }

//   &,
//   &-unset {
//     &--top-bottom::after {
//       border-width: 1px 0;
//     }
//   }

//   &--surround::after {
//     border-width: 1px;
//   }
// }